<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
#contents{
max-width:600px;
margin:0 auto;
border:1px solid green;
}
/* 상하마진, 좌우마진.  숫자를 지정할 때 단위를 명기해야하지만
0으로 지정할 때는 생략할 수 있다 */
</style>
</head>
<body>
<div id="contents">
블록 레벨 요소의 width를 지정한 다음 요소와 외부사이의 간격인 marin값을 auto로 설정하면 요소는 가운데 정렬된다.
브라우저 화면에서 요소는 지정한 너비를 차지하고 남은 공간을 좌,우 두 마진에 균등하게 분배된다.
그런데 브라우저 창이 요소 너비보다 좁으면 문제가 발생한다.

</div>
</body>
</html>